<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>陌陌酒店平台</title>

<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/revolution-slider.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<!--Favicon-->
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">

<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link href="css/responsive.css" rel="stylesheet">
    <script type="text/javascript" src="jquery/jquery-2.1.1.min.js"></script>
</head>


<body>
<div class="page-wrapper">

    <header class="header" id="header"></header>
    <script type="text/javascript">
        /*引入Header部分公共代码*/
        $(function(){
            $.ajax({
                type:"get",
                url:"header.html",
                async:true,
                success:function(data){
                    $("#header").html(data);
                }
            });
        });
    </script>


    <!-- main header area end -->

     <!--Page Title-->
    <section class="page-title text-center">
        <div class="auto-container">
            <div class="content-box">
                <div class="title">关于我们</div>
                <ul class="bread-crumb">
                    <li><a href="index.html">主页<i class="fa fa-angle-right"></i></a></li>
                    <li>关于我们</li>
                </ul>
            </div>
        </div>
    </section>
    <!--End Page Title-->

    <!-- about section -->
    <section class="about-section about-page">
    	<div class="container">
    		<div class="row">
    			<div class="col-md-6 col-sm-6 col-xs-12">
    				<div class="img-box">
    					<figure><img src="images/about/1.jpg" alt=""></figure>
    				</div>
    			</div>
    			<div class="col-md-6 col-sm-6 col-xs-12">
    				<div class="about-content">
	    				<div class="section-title">关于 <span>陌陌酒店</span></div>
	    				<p>除了不确定的原因外，在正式的过失中没有一项是属于我的劳动的。这是我们所有人都犯过的错误。</p>
	    				<ul class="list">
	    					<li>Morbi发酵NEC猫</li>
	    					<li>怀孕的猫，也没有疾病的热身时间。</li>
	    					<li>Morbi发酵猫NEC怀孕</li>
	    				</ul>
	    				<a href="#" class="about-btn">关于我们</a>
	    			</div>
    			</div>
    		</div>
    	</div>
    </section>
    <!-- about section end -->

    <!-- fact counter section -->
    <section class="fact-counter">
    	<div class="container">
    		<div class="row">
    			<div class="col-md-3 col-sm-6 col-xs-12">
    				<div class="single-item one">
    					<article class="column wow fadeIn" data-wow-duration="0ms">
                            <div class="count-outer"><span class="count-text" data-speed="1500" data-stop="250">0</span></div>
                            <div class="text">五星级评分</div>
                        </article>
    				</div>
    			</div>
    			<div class="col-md-3 col-sm-6 col-xs-12">
    				<div class="single-item two">
    					<article class="column wow fadeIn" data-wow-duration="0ms">
                            <div class="count-outer"><span class="count-text" data-speed="1500" data-stop="1250">0</span></div>
                            <div class="text">国际宾客</div>
                        </article>
    				</div>
    			</div>
    			<div class="col-md-3 col-sm-6 col-xs-12">
    				<div class="single-item three">
    					<article class="column wow fadeIn" data-wow-duration="0ms">
                            <div class="count-outer"><span class="count-text" data-speed="1500" data-stop="150">0</span></div>
                            <div class="text">新友谊</div>
                        </article>
    				</div>
    			</div>
    			<div class="col-md-3 col-sm-6 col-xs-12">
    				<div class="single-item four">
    					<article class="column wow fadeIn" data-wow-duration="0ms">
                            <div class="count-outer"><span class="count-text" data-speed="1500" data-stop="550">0</span></div>
                            <div class="text">早餐</div>
                        </article>
    				</div>
    			</div>
    		</div>
    	</div>
    </section>
    <!-- fact counter section end -->

    <!-- our-speciality section -->
    <section class="our-speciality">
    	<div class="container">
    		<div class="speciality-title text-center">
    			<div class="section-title">我们的专长</div>
    			<div class="title">除了在过失中没有明确的责任外。</div>
    		</div>
    		<div class="row">
    			<div class="col-md-3 col-sm-6 col-xs-12">
    				<div class="single-item">
    					<div class="inner-box">
                            <a href="#">
                                <div class="img-box"><figure><img src="images/home/special-1.jpg" alt=""></figure></div>
                                <div class="overlay-box">
                                    <div class="overlay-inner">
                                    </div>
                                </div>
                            </a>
                        </div>
    					<div class="img-title">美味的食物</div>
    				</div>
    			</div>
    			<div class="col-md-3 col-sm-6 col-xs-12">
    				<div class="single-item">
    					<div class="inner-box">
                            <a href="#">
                                <div class="img-box"><figure><img src="images/home/special-2.jpg" alt=""></figure></div>
                                <div class="overlay-box">
                                    <div class="overlay-inner">
                                    </div>
                                </div>
                            </a>
                        </div>
    					<div class="img-title">健身房</div>
    				</div>
    			</div>
    			<div class="col-md-3 col-sm-6 col-xs-12">
    				<div class="single-item">
    					<div class="inner-box">
                            <a href="#">
                                <div class="img-box"><figure><img src="images/home/special-3.jpg" alt=""></figure></div>
                                <div class="overlay-box">
                                    <div class="overlay-inner">
                                    </div>
                                </div>
                            </a>
                        </div>
    					<div class="img-title">餐厅</div>
    				</div>
    			</div>
    			<div class="col-md-3 col-sm-6 col-xs-12">
    				<div class="single-item">
    					<div class="inner-box">
                            <a href="#">
                                <div class="img-box"><figure><img src="images/home/special-4.jpg" alt=""></figure></div>
                                <div class="overlay-box">
                                    <div class="overlay-inner">
                                    </div>
                                </div>
                            </a>
                        </div>
    					<div class="img-title">美容</div>
    				</div>
    			</div>
    		</div>
    	</div>
    </section>
    <!-- our-speciality section end -->



    <!--页眉-->
    <div class="footer" id="footer" ></div>
    <script type="text/javascript">
        /*引入Header部分公共代码*/
        $(function(){
            $.ajax({
                type:"get",
                url:"footer.html",
                async:true,
                success:function(data){
                    $("#footer").html(data);
                }
            });
        });
    </script>

    
</div>
<!--End pagewrapper-->


<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target=".main-header"><span class="icon fa fa-angle-up"></span></div>



<!-- jQuery js -->


<script src="js/map-script.js"></script>
<script type="text/javascript" src="js/jquery-2.1.4.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.themepunch.tools.min.js"></script>
<script src="js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="js/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/jquery.appear.js"></script>
<script type="text/javascript" src="js/jquery.countTo.js"></script>
<script src="js/isotope.js"></script>
<script src="js/jquery.fancybox.pack.js"></script>
<script src="js/jquery.fancybox-media.js"></script>
<script src="js/owl.js"></script>
<script src="js/masterslider.js"></script>
<script type="text/javascript" src="js/jquery.polyglot.language.switcher.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/jquery.mixitup.min.js"></script>
<script src="js/validate.js"></script>
<script src="js/wow.js"></script>
<script src="js/script.js"></script>    
<script type="text/javascript" src="js/theme.js"></script>

<script src="js/timePicker.js"></script>
<script src="js/jquery-ui.js"></script>



<!-- End of .page_wrapper -->

</body>
</html>
